/**
右边区域(标签，友情链接)
 */

.ad_content {
  min-height: 100vh;
}

// 定位
.ad_blog_wrapper {
  position: relative;
  font-weight: bold;
  font-size: 1.2em;
  height: 1.5em;
  margin: 30px 0;
}

// 提示文字
.ad_blog_text {
  position: absolute;
  left: 50%;
  padding: 0 5%;
  transform: translate(-50%, 0%);
}

// 一条线
.ad_blog_line {
  border: 1px dashed #000;
  position: absolute;
  width: 90%;
  top: 50%;
  left: 5%;
}

// 头像
.ad_blog_self_header_img {
  border-radius: 4vw;
  width: 8vw; /* viewport 的20% */
  height: 8vw;
  transition-duration: 0.5s;
}

.ad_blog_self_header_img:hover {
  border-radius: 4vw;
  width: 8.5vw; /* viewport 的20% */
  height: 8.5vw;
  transition-duration: 0.5s;
}

// tag排版
.ad_blog_tags {
  display: flex;
  flex-wrap: wrap;
  padding: 0 6%;
}

.ad_blog_tag_item {
  margin: 0.3em;
  cursor: pointer;
}

// 每一个友情链接
.ad_blog_share_url {
  display: flex;
  padding-left: 5%;
}

// 友情链接icon
.ad_blog_share_url_icon {
  display: flex;
  align-items: center;
  margin-right: 5px;
}

// 推荐阅读文字
.ad_blog_share_url_item {
  text-align: start;
  padding: 5px 0;
  color: #0687ae;

  display: inline-block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ad_blog_share_url_item:hover {
  color: black;
  cursor: pointer;
}

// 每一个区域描.
.ad_blog_block_item {
  display: flex;
  justify-content: center;
  padding: 8% 0;
}

.ad_blog_block_item span {
  padding: 0 3%;
  font-weight: bold;
  font-size: 1.2em;
}

// 一条虚线
.ad_blog_block_item_line {
  width: 30%;
}

// 一条虚线
.ad_blog_block_item_line div {
  width: 100%;
  border-top: 1px black dashed;
  margin-top: 15%;
}

// 广告图片
.ad_blog_image {
  width: 100%;
  max-height: 200px;
  min-height: 100px;
  object-fit: cover;
}

.ad_blog_search_input {
  display: flex;
  justify-content: center;
}
